<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>转介商城</title>
    <link href="__ROOT__/public/webapp/css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" type="text/css" href="__ROOT__/public/webapp/css/otherrefer.css"/>
    <link rel="stylesheet" type="text/css" href="__ROOT__/public/webapp/css/base.css"/>
    <link rel="stylesheet" type="text/css" href="__ROOT__/public/webapp/css/iconfont.css"/>
    <link rel="stylesheet" type="text/css" href="__ROOT__/public/webapp/css/valide.css"/>
    <link rel="stylesheet" type="text/css" href="__ROOT__/public/webapp/css/swiper.min.css"/>
    <link rel="stylesheet" type="text/css" href="__ROOT__/public/webapp/css/mall.css"/>
    
    <script src="__ROOT__/public/webapp/js/vwp.js" type="text/javascript" charset="utf-8"></script>
    <script src="__ROOT__/public/webapp/js/jquery-1.11.0.min.js" type="text/javascript" charset="utf-8"></script>
    <style>
    .alertMsg span{font-size:18px !important;}
    /*.mall_top .left{
    	width: 100px;
    	height: 100px;
    }*/
    </style>
</head>
<body>
	<!--轮播图-->
	<div class="swiper-container">
		<div class="swiper-wrapper">
			<php>$ur = $_SERVER[HTTP_HOST];</php>
			<volist name="lun" id="v">
				<a href="{$v.slide_url}" class="swiper-slide"><img src="http://<?php echo $ur ?>/data/upload/{$v.slide_pic}" /></a>
			</volist>
		</div>
		<div class="swiper-pagination"></div>
	</div>
	<div class="tabs">
    	<ul class="tabs-list tabs-list0">
    		<li class="active"><a href="javascript:void(0);">查看 </a></li>
    		<li><a href="javascript:void(0);">发布</a></li>
    	</ul>
    	
        <div class="tabs-container">
        	<div class="tab-content"  style="display:block;">
                <!-- S second tabs -->
                <div class="tabs">
			    	<ul class="tabs-list tabs-list1">
			    		<li class="active"><a href="javascript:;">智能门锁</a><i class="iconfont icon-left-top"></i></li>
			    		<li class="active"><a href="javascript:;">装修</a><i class="iconfont icon-left-top"></i></li>
			    		<li><a href="javascript:;">搬家</a><i class="iconfont icon-left-top"></i></li>
			    		<li class="event"><a href="javascript:;">招商中</a><i class="iconfont icon-left-top"></i></li>
			    		<!--<li class="event"><a href="javascript:;">招商中</a><i class="iconfont icon-left-top"></i></li>-->
			    	</ul>
			        <div class="tabs-container">
			        	<div class="tab-content" style="display:block;padding-bottom: 1vh">
			            	<!--<h4>商城</h4>-->
			            	<a href="{:U('Wechat/Webapp/lock')}">
			            		<div class="mall_top clearfix">
									<img src="__ROOT__/public/webapp/img/组6@2x.png" class="left" />
									<div class="right">
										<b class="right_text" style="font-size: 16px;">曼申指纹智能锁</b>
										<p class="right_text small_text">指纹 / 密码 / 刷卡 / 钥匙</p>
										<p class="right_text" style="padding-top: 3px;">
											<span class="price small_text"><b class="price_num">3180</b> 元</span>
											<span class="small_text">(京东/天猫:3480元)</span>
										</p>
										<a class="right_text link">(京东/天猫搜索"曼申"查看价格)</a>
									</div>
								</div>
			            	</a>
			            </div>
			        	<div class="tab-content">
							<volist name="zhuangxiu" id="q">
			            	<div class="mui-card">
								<div class="mui-card-content card_con">
									<div class="mui-card-content-inner card_con ">
								        <div class="card_l">
								        	<img src="{$q.thumb.0}" height="100%" width="100%">
								        </div>
								        <div class="card_r">
								            <a href="{:U('Wechat/Webcont/qita',['id'=>$q['id']])}">
								                <p class="card_rtop"><php>echo date("Y-m-d H:i",$q['time'])</php><span class="mui-pull-right"><i class="iconfont icon-liulan selficonfont"></i>{$q.read}次</span></p>
								                <p style="width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 26px;">{$q.compname}</p>
								                <p>{$q.quyu}<span class="mui-pull-right">转介提成：{$q.fenyong}</span></p>
								            </a>
								        </div>
									</div>
								</div>
							</div>
							</volist>
			            </div>
			            <div class="tab-content" style="padding-bottom: 1vh">
							<volist name="banjia" id="a">
								<div class="mui-card">
									<div class="mui-card-content card_con">
										<div class="mui-card-content-inner card_con ">
											<div class="card_l">
												<!--<img src="__ROOT__/public/webapp/img/cbd.jpg" height="100%">-->
												<img src="{$a.thumb.0}" height="100%" width="100%">
											</div>
											<div class="card_r">
												<a href="{:U('Wechat/Webcont/qita',['id'=>$q['id']])}">
													<p class="card_rtop"><php>echo date("Y-m-d H:i",$a['time'])</php><span class="mui-pull-right"><i class="iconfont icon-liulan selficonfont"></i>{$a.read}次</span></p>
													<p>{$a.compname}</p>
													<p>{$a.quyu}<span class="mui-pull-right">转介提成：{$a.fenyong}</span></p>
												</a>
											</div>
										</div>
									</div>
								</div>
							</volist>
			            </div>
			          
			            <div class="tab-content">
			            	<h4>第4个 Tab 内容</h4>
			            </div>
			        </div>
			    </div>
                <!-- E second tabs -->
            </div>
        	<div class="tab-content">
        		<!-- S second tabs -->
                <div class="tabs">
			    	<ul class="tabs-list tabs-list1">
			    		<!--<li class="active"><a href="javascript:;">商城</a><i class="iconfont icon-left-top"></i></li>-->
			    		<li class=""><a href="javascript:;">装修</a><i class="iconfont icon-left-top"></i></li>
			    		<li><a href="javascript:;">搬家</a><i class="iconfont icon-left-top"></i></li>
			    		<li class="event"><a href="javascript:;">招商中</a><i class="iconfont icon-left-top"></i></li>
			    		<li class="event"><a href="javascript:;">招商中</a><i class="iconfont icon-left-top"></i></li>
			    	</ul>
			        <div class="tabs-container" id="tabs-container">
			        	<div class="tab-content" style="display:block;">
			            	<form class="mui-input-group con_input demoform" action="" enctype="multipart/form-data" method="post">
								<div class="mui-input-row mui-select">
									<label><i class="iconfont icon-diqu selficonfont"></i>区域</label>
									<select class="con_select" name="quyu" datatype="*" nullmsg="请选择所在区域！">
										<option value="">请选择</option>
										<option value="西安">西安</option>
										<option value="成都">成都</option>
										<option value="武汉">武汉</option>
										<option value="郑州">郑州</option>
									</select>
								</div>
								<div class="mui-input-row con_exception">
									<p><i class="iconfont icon-zhaopian selficonfont"></i>上传公司形象图或案例图片</p>
									<div class="clearfix">
										<div class="imgmain_container clearfix house_wrap">
											<div class="upimg_box left">
												<i class="iconfont icon-jiahao1"></i>
												<input type="file" id="house_img" value="" multiple="multiple" datatype="*" nullmsg="请上传图片！"/>
												<input type="hidden" class="i_id" name="thumb">
											</div>
										</div>
										<div class="prompt">(第一张默认为封面，最多可上传9张)</div>
									</div>
								</div>
								<div class="mui-input-row con_exception">
									<p><i class="iconfont icon-xiangqing selficonfont"></i>详情描述</p>
									<div class="mui-input-row con_textarea">
										<textarea id="textarea" rows="5" placeholder="限200字" datatype="*" name="des" maxlength="200" nullmsg="详情描述为必填项！"></textarea>
									</div>
								</div>
								<div class="mui-input-row div_inputtext">
									<label><i class="iconfont icon-gongsi selficonfont"></i>公司名称</label>
									<input class="defcon_input" placeholder="请输入公司名称" type="text" value="" name="compname" datatype="s3-50" nullmsg="公司名称不能为空！">
								</div>
								<div class="mui-input-row con_exception">
									<p class="license"><i class="iconfont icon-zhaopian selficonfont"></i>添加公司营业执照</p>
									<div class="clearfix">
										<div class="imgmain_container left clearfix com_wrap">
											<div class="upimg_box left">
												<i class="iconfont icon-jiahao1"></i>
												<input type="file" id="code"  value="" multiple="multiple"  datatype="*" nullmsg="请上传一张营业执照图片！"/>
												<input type="hidden" class="i_id" name="compthumb">
											</div>
										</div>
									</div>
								</div>
								<div class="mui-input-row div_inputtext">
									<label><i class="iconfont icon-yongjinguanli selficonfont"></i>转介提成</label>
									<input class="defcon_input" placeholder="例：2% 或3000元每单" onfocus="this.placeholder=''" type="text" value="" name="fenyong" class="inputxt" datatype="*" nullmsg="转介提成不能为空！">
								</div>
								<div class="clearance"></div>
								<div class="mui-input-row div_inputtext">
									<label><i class="iconfont icon-xingming selficonfont"/></i>发布人姓名</label>
									<input class="defcon_input" placeholder="请输入发布人姓名" type="text" value="" name="name" class="inputxt" datatype="s2-18" nullmsg="发布人姓名不能为空！" errormsg="昵称至少2个字符,最多18个字符！">
								</div>
								<div class="mui-input-row con_exception">
									<p><i class="iconfont icon-zhaopian selficonfont"></i>添加微信二维码（选填）</p>
									<div class="clearfix">
										<div class="imgmain_container left clearfix code_wrap">
											<div class="upimg_box left">
												<i class="iconfont icon-jiahao1"></i>
												<input type="file" id="code"  value="" multiple="multiple"/>
												<input type="hidden" class="i_id" name="erwei"/>
											</div>
										</div>
										<div class="prompt">(建议添加，方便对方联系)</div>
									</div>
								</div>
								<div class="mui-input-row div_inputtext">
									<label class="infor"><i class="iconfont icon-zuojikong selficonfont"></i>业务联系电话</label>
									<input class="defcon_input" placeholder="请输入联系电话" onfocus="this.placeholder=''"  type="number" value="" name="tel" datatype="n" nullmsg="电话号码不能为空！" errormsg="电话号码格式错误！">
								</div>
								<div class="mui-input-row div_inputtext">
									<label class="infor"><i class="iconfont icon-kehudianhua selficonfont"></i>手机号</label>
									<input class="defcon_input phone_code" placeholder="请输入手机号" onfocus="this.placeholder=''"  type="number" value="" name="phone" datatype="phone" nullmsg="手机号不能为空！" errormsg="手机号格式错误！">
								</div>
								<div class="mui-input-row div_inputtext">
									<label class="code_text"><i class="iconfont icon-anquan2 selficonfont"></i>验证码</label>
									<div class="code">
										<div class="code_l">
											<input class="code_input" placeholder="请输入验证码" type="number" value="" name="code" datatype="*" nullmsg="验证码不能为空！" errormsg="验证码错误！">
										</div>
										<div class="code_r huoqucode">
											获取验证码
										</div>
									</div>
								</div>
								<div class="btn_release">
									<button type="submit" class="mui-btn mui-btn-block">立即发布</button>
								</div>
							</form>
			            </div>
			            <div class="tab-content">
			            	<form class="mui-input-group con_input demoform2" action="" enctype="multipart/form-data" method="post">
								<div class="mui-input-row mui-select">
									<label><i class="iconfont icon-diqu selficonfont"></i>区域</label>
									<select class="con_select" name="quyu" datatype="*" nullmsg="请选择所在区域！">
										<option value="">请选择</option>
										<option value="西安">西安</option>
										<option value="成都">成都</option>
										<option value="武汉">武汉</option>
										<option value="郑州">郑州</option>
									</select>
								</div>
								<div class="mui-input-row con_exception">
									<p><i class="iconfont icon-zhaopian selficonfont"></i>上传公司形象图或案例图片</p>
									<div class="clearfix">
										<div class="imgmain_container clearfix house_wrap">
											<div class="upimg_box left">
												<i class="iconfont icon-jiahao1"></i>
												<input type="file" id="house_img" value="" multiple="multiple" datatype="*" nullmsg="请上传图片！"/>
												<input type="hidden" class="i_id" name="thumb">
											</div>
										</div>
										<div class="prompt">(第一张默认为封面，最多可上传9张)</div>
									</div>
								</div>
								<div class="mui-input-row con_exception">
									<p><i class="iconfont icon-xiangqing selficonfont"></i>详情描述</p>
									<div class="mui-input-row con_textarea">
										<textarea id="textarea" rows="5" placeholder="限200字" maxlength="200" datatype="*" name="des" nullmsg="详情描述为必填项！"></textarea>
									</div>
								</div>
								<div class="mui-input-row div_inputtext">
									<label><i class="iconfont icon-gongsi selficonfont"></i>公司名称</label>
									<input class="defcon_input" placeholder="请输入公司名称" type="text" value="" name="compname" datatype="s3-50" nullmsg="公司名称不能为空！">
								</div>
								<div class="mui-input-row con_exception">
									<p class="license"><i class="iconfont icon-zhaopian selficonfont"></i>添加公司营业执照</p>
									<div class="clearfix">
										<div class="imgmain_container left clearfix com_wrap">
											<div class="upimg_box left">
												<i class="iconfont icon-jiahao1"></i>
												<input type="file" id="code"  value="" multiple="multiple"  datatype="*" nullmsg="请上传一张营业执照图片！"/>
												<input type="hidden" class="i_id" name="compthumb">
											</div>
										</div>
									</div>
								</div>
								<div class="mui-input-row div_inputtext">
									<label><i class="iconfont icon-yongjinguanli selficonfont"></i>转介提成</label>
									<input class="defcon_input" placeholder="例：2% 或3000元每单" onfocus="this.placeholder=''" type="text" value="" name="fenyong" class="inputxt" datatype="*" nullmsg="转介提成不能为空！">
								</div>
								<div class="clearance"></div>
								<div class="mui-input-row div_inputtext">
									<label><i class="iconfont icon-xingming selficonfont"/></i>发布人姓名</label>
									<input class="defcon_input" placeholder="请输入发布人姓名" type="text" value="" name="name" class="inputxt" datatype="s2-18" nullmsg="发布人姓名不能为空！" errormsg="昵称至少2个字符,最多18个字符！">
								</div>
								<div class="mui-input-row con_exception">
									<p><i class="iconfont icon-zhaopian selficonfont"></i>添加微信二维码（选填）</p>
									<div class="clearfix">
										<div class="imgmain_container left clearfix code_wrap">
											<div class="upimg_box left">
												<i class="iconfont icon-jiahao1"></i>
												<input type="file" id="code"  value="" multiple="multiple"/>
												<input type="hidden" class="i_id" name="erwei"/>
											</div>
										</div>
										<div class="prompt">(建议添加，方便对方联系)</div>
									</div>
								</div>
								<div class="mui-input-row div_inputtext">
									<label class="infor"><i class="iconfont icon-zuojikong selficonfont"></i>业务联系电话</label>
									<input class="defcon_input" placeholder="请输入联系电话" onfocus="this.placeholder=''"  type="number" value="" name="tel" datatype="n" nullmsg="电话号码不能为空！" errormsg="电话号码格式错误！">
								</div>
								<div class="mui-input-row div_inputtext">
									<label class="infor"><i class="iconfont icon-kehudianhua selficonfont"></i>手机号</label>
									<input class="defcon_input phone_code" placeholder="请输入手机号" onfocus="this.placeholder=''"  type="number" value="" name="phone" datatype="phone" nullmsg="手机号不能为空！" errormsg="手机号格式错误！">
								</div>
								<div class="mui-input-row div_inputtext">
									<label class="code_text"><i class="iconfont icon-anquan2 selficonfont"></i>验证码</label>
									<div class="code">
										<div class="code_l">
											<input class="code_input" placeholder="请输入验证码" type="number" value="" name="code" datatype="*" nullmsg="验证码不能为空！" errormsg="验证码错误！">
										</div>
										<div class="code_r huoqucode">
											获取验证码
										</div>
									</div>
								</div>
								<div class="btn_release">
									<button type="submit" class="mui-btn mui-btn-block">立即发布</button>
								</div>
							</form>
			            </div>
			            <div class="tab-content">
			            	<h4>第三个 Tab 内容</h4>
			            </div>
			            <div class="tab-content">
			            	<h4>第4个 Tab 内容</h4>
			            </div>
			        </div>
			    </div>
                <!-- E second tabs -->
            </div>
          
        </div>
    </div>
    <div class="alertMsg">
    	<span></span>
    </div>
	<script src="__ROOT__/public/webapp/js/common.js" type="text/javascript" charset="utf-8"></script>
	<script src="__ROOT__/public/webapp/js/Validform_v5.3.2_min.js" type="text/javascript" charset="utf-8"></script>
	<script src="__ROOT__/public/webapp/js/responsive.tabs.js" type="text/javascript" charset="utf-8"></script>
	<script src="__ROOT__/public/webapp/js/swiper.jquery.min.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" src="__ROOT__/public/webapp/js/iconfontg.js" ></script>
	<script type="text/javascript">
		//验证码
        fsTime.init({
            class:".huoqucode",
            input:".phone_code",
            code:".code_input",
            num:60
        });
	   	// 轮播图
		var swiper = new Swiper('.swiper-container', {
			pagination: '.swiper-pagination',
			paginationClickable: true,
			autoplay: 2000,
			loop: true
		});
		$(document).ready(function(){
		//			图片提示消失
		$(".upimg_box").on("click",function(){
			$(this).parents().find(".prompt").hide();
		});

			//固定
//		var tabheight = $(".tabs").height();
//		var widheight = $(document).height();
//		var oTop = widheight-tabheight;
//		console.log(tabheight);
//		console.log(widheight);
//		console.log(oTop);
//		$(window).scroll(function(){
//			var sTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
//				if(sTop >= oTop){
//				$(".tabs-list0").css({"position":"fixed","top":"0","z-index":"9999","width":"100%","margin":"auto","background-color":"#fff"});
//				$(".tabs-list1").css({"position":"fixed","top":"0.98rem","z-index":"9999","width":"100%","margin":"auto"});
//				
//			}else{
//				$(".tabs-list0").css({"position":"static"});
//				$(".tabs-list1").css({"position":"static"});
//			};
//		});
		window.onscroll = function() {
			var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
			if(scrollTop > 180) {
				$(".tabs-list0").css({"position":"fixed","top":"0","z-index":"9999","width":"100%","margin":"auto","background-color":"#fff"});
//				$(".tabs-list1").css({"position":"fixed","top":"0.98rem","z-index":"9999","width":"100%"});
				$("#tabs-container").css({"margin-top":"100px"});
			} else {
				$(".tabs-list0").css({"position":"static"});
				$(".tabs-list1").css({"position":"static"});
				$("#tabs-container").css({"margin-top":"0px"});
				
			}
		}
			//			tab
			$('.tabs').respTabs();
			
			//			表单验证
			$.Tipmsg.r=null;
      
				
			var showmsg=function(msg){
				toggleAlert(msg);
			};
			//		message
		
			
			$(".demoform,.demoform2").Validform({
				datatype:{
					"phone":function(gets,obj,curform,regxp){
						/*参数gets是获取到的表单元素值，
						  obj为当前表单元素，
						  curform为当前验证的表单，
						  regxp为内置的一些正则表达式的引用。*/
		
						var reg1=/^1(3|4|5|7|8)[0-9]\d{8}$/,
							reg2=/^1(3|4|5|7|8)[0-9]\d{8}$/,
							mobile=curform.find(".mobile");
						
						if(reg1.test(mobile.val())){return true;}
						if(reg2.test(gets)){return true;}
						
						return false;
					},
				},
				ajaxPost:false,
				tiptype:function(msg){
					showmsg(msg);
				},
				tipSweep:true,
			});
	    });
	    $("input[type=file]").imgupload();
	</script>
</body>
</html>